<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form id="register" action="#">
    <input type="text" name="username">
    <input type="submit" value="提交">
</form>

<!--
<input type="button" onclick="on()" value="on">
<input type="button" id="click" value="点击">
-->

<script>
    //事件绑定的两种方法
   /* //方法1 不推荐  耦合代码
    function on() {
        alert("被点击了");
    }
    //方法2 推荐 不耦合

    document.getElementById('click').onclick=function () {
        alert("点击")
    }*/
    //阻止表单提交 false   提交 true
   /* document.getElementById('register').onsubmit=function () {
        return true;
    }*/
</script>
</body>
</html>